<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.css" rel="stylesheet" />
		<link href="../../css/cssofmine.css" rel="stylesheet" />
		<link href="../../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../../css/mui.poppicker.min.css" rel="stylesheet" />

		<style>
			.input_left {
				float: left;
				width: 49%;
			}
			
			.input_right {
				float: right;
				width: 49%;
			}
			
			.input-box{
				width: 90%;
				margin: 0 auto;
			}
		   	
		</style>
	</head>
	<body>

		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h5 class="mui-title">培训服务协议</h5>
		</header>
		<div class="mui-content">
			<div style="margin-top: 15px;" class="logo">
				<img style="width: 50%;" src="../../img/xlc_logo.png" />
			</div>
			<div class="heng" style="width: 100%; margin-bottom: 30px;"></div>


			<form id="pxfw_form" action="javascript:void(0)">
				<input id="id" name="id" type="hidden" />
				<input id="schoolid" name="schoolid" type="hidden" />
				<input id="stuid" name="stuid" type="hidden" />

				<div class="input-box">
					<div class="input-box" style="width: 49%; float: left;">
						<h5>&nbsp;姓名</h5>
						<input type="text" class="form-control" id="stuname" name="stuname" />
					</div>
					<div class="input-box" style="width: 49%; float: right;">
						<h5>&nbsp;性别</h5>
						<input type="text" class="form-control" id="gender" name="gender" />
					</div>
				</div>

				<div class="input-box">
					<h5>&nbsp;电话</h5>
					<input type="number" class="form-control" id="stutel" name="stutel" />
				</div>

				<div class="input-box">
					<h5>&nbsp;微信</h5>
					<input type="text" class="form-control" id="stuwxid" name="stuwxid" />
				</div>


				<div class="input-box">
					<h5>&nbsp;身份证号码</h5>
					<input type="text" class="form-control" id="sfzh" name="sfzh" />
				</div>
				<div class="input-box">
					<h5>&nbsp;到校时间</h5>
					<input id="comingdate" name="comingdate" type="text" readonly="readonly" />
				</div>

				<div class="input-box">
					<h5>&nbsp;纸质版协议编号(必填)</h5>
					<input type="text" class="form-control" id="zzhtno" name="zzhtno" />
				</div>

				<!-- 	<div class="input-box">
					<div class="input-box" style="width: 49%; float: left;">
						<h5>&nbsp;是勤学转卡</h5>
						<select class="form-control" id="isqinxue" name="isqinxue">
							<option value="">请选择</option>
							<option value="否">否</option>
							<option value="是">是</option>

						</select>
					</div>
					<div class="input-box" style="width: 49%; float: right;">
						<h5>&nbsp;授课类型</h5>
						<select class="form-control" id="sklx" name="sklx">
							<option value="线下">线下</option>
							<option value="线上">线上</option>
							<option value="线上+线下">线上+线下</option>
						</select>
					</div>
				</div> -->


				<div class="input-box">
					<div class="input-box" style="width: 49%; float: left;">
						<h5>&nbsp;签约类型(必填)</h5>
						<select class="form-control" id="opertype" name="opertype">
							<option value="新签">新签</option>
							<option value="转卡">转卡</option>
						</select>
					</div>
					<div class="input-box" style="width: 49%; float: right;">
						<h5>&nbsp;课程类型(必选)</h5>
						<select class="form-control" id="type" name="type">
							<option value="">请选择</option>
							<option value="软实力卓越成就卡">软实力卓越成就卡</option>
							<option value="软实力一卡通PLUS">软实力一卡通PLUS</option>
							<option value="软实力一卡通">软实力一卡通</option>
							<option value="口才系列">口才系列</option>
							<option value="沟通系列">沟通系列</option>
							<option value="学习能力提升系列">学习能力提升系列</option>
							<option value="365卓越系列">365卓越系列</option>
							<option value="企业内训">企业内训</option>
							<option value="个人辅导">个人辅导</option>
							<option value="复训">复训</option>
							<option value="其他课程">其他课程</option>
						</select>
					</div>
				</div>
				<div class="input-box" id="course_type" style="display: none;">

					<h5>&nbsp;类型选择</h5>
					<select class="form-control" id="couese_status" name="couese_status">
						<option value="">请选择</option>
						<option value="单课">单课</option>
						<option value="套餐">套餐</option>
					</select>
				</div>


				<div class="input-box" id="couese_msg" style="display:none;">
					<div id="tcMsg" style="display: none;">
						<h5>&nbsp;选择套餐</h5>
						<select class="form-control" id="tc" name="tc">
						</select>
					</div>
					<div id="dk">
						<h5>&nbsp;可选课程</h5>
						<ul class="mui-table-view" v-for="todo in todos">
							<li class="mui-table-view-cell mui-checkbox mui-left" v-on:click="getItem(todo)">
								<input name="coursename" :checked="todo.ischeck" type="checkbox" :value="todo.id">{{todo.course_name}}
							</li>
						</ul>
					</div>
				</div>

				<div class="input-box">
					<div class="input_left">
						<h5>&nbsp;课程定价</h5>
						<input readonly="readonly" type="text" name="amount" id="amount" /><br />

					</div>
					<div class="input_right">
						<h5>&nbsp;协议金额(必填)</h5>
						<input type="text" name="tra_amount" id="tra_amount" class="num-input-sm" oninput="putCaseNum(this)" /><br />

					</div>
				</div>

				<div class="input-box">
					<div class="input_left">
						<h5>&nbsp;大写:</h5>
						<input readonly="readonly" type="text" name="upcasemoney" id="upcasemoney" class="num-input" /><br />
					</div>
					<div class="input_right">
						<h5>&nbsp;小写:</h5>
						<input readonly="readonly" type="number" name="docasemoney" id="docasemoney" class="num-input-sm" oninput="putCaseNum(this)" />
					</div>
				</div>

				<div class="input-box">
					<div class="input_left">
						<h5>&nbsp;已收(￥):</h5>
						<input readonly="readonly" type="text" name="amount_paid" id="amount_paid" />
					</div>
					<div class="input_right">
						<h5>&nbsp;余款(￥):</h5>
						<input readonly="readonly" type="number" name="amount_notpaid" id="amount_notpaid" />
					</div>
				</div>

				<div class="input-box">
					<h5>&nbsp;备注</h5>
					<textarea type="text" name="remark" id="remark" rows="3"></textarea>
				</div>


				<div class="input-box">
					<h5>&nbsp;签约顾问(必选)</h5>
					<select class="form-control" id="traperid" name="traperid">
					</select>
				</div>
				<div class="input-box">
					<h5>&nbsp;咨询电话</h5>
					<input type="number" class="form-control" id="traperphone" name="traperphone" />
				</div>


				<div class="input-box">
					<div class="input_left">
						<h5>&nbsp;合同开始日期:(必填)</h5>
						<input name="starttime" id="starttime" type="text" data-options='{"type":"date","beginYear":1940}' class="mui-input-clear form_date" />
					</div>
					<div class="input_right">
						<h5>&nbsp;合同结束日期:(必填)</h5>
						<input name="endtime" id="endtime" type="text" data-options='{"type":"date","beginYear":1940}' class="mui-input-clear form_date" /><br />
					</div>
				</div>
				<div class="input-box">
					<label>甲方: </label><input readonly="readonly" type="text" name="firstparty" id="firstparty" /><br />
				</div>
				<div class="input-box">
					<label>乙方: </label><input type="text" name="secondparty" id="secondparty" />
				</div>






			</form>

			<div style="height: 50px;margin-top: 20px; margin-left: 20px;">
				<input id="iagree" type="checkbox" style="height: 15px;" />
				<a href="xy_nr.html">我同意《新励成培训服务协议》</a>
			</div>



			<div class="mui-content-padded mui-text-center input-box " id="btn_submit_kh">
				<button id='submit_contract' class="mui-btn-block mui-btn-primary" onclick="saveContract()" style="width:100%;">提交</button>
			</div>

			<script src="../../js/config/mui.min.js"></script>
			<script src="../../js/config/mui.picker.min.js"></script>
			<script src="../../js/config/jquery.min.js"></script>
			<script src="../../js/config/vue.js"></script>
			<script src="../../js/config/form.js"></script>
			<script src="../../js/config/config.js"></script>
			<script src="../../js/saler/contract_form.js"></script>

	</body>
</html>
